<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script type="text/javascript" src="js/index.js" ></script>
	</head>
	<body>
		<form id="regist" action="">
			<div class="title">注册账号</div>
			<div class="row">
				<div class="fieldable">昵称</div>
				<!--利用check来判断是否为空或者是是否合法。并且注意该段注释不能加在下一行的后面。因为注释在html中也算作是一个子元素，所以在js中的校验模块使用nextSibling的时候就会出错！-->
				<input type="text" class="field" name="nickname" check='empty' />
				<div class="tip"></div>
			</div>
			<div class="row">
				<div class="fieldable">密码</div>
				<input type="password" class="field" name="pwd" check='empty'/>
				<div class="tip"></div>
			</div>
			<div class="row">
				<div class="fieldable">确认密码</div>
				<input type="password" class="field" name="pwd2" check='empty'/>
				<div class="tip"></div>
			</div>
			<div class="row">
				<div class="fieldable">性别</div>
				<input type="radio" name="sexy" checked="checked"/>男
				<input type="radio" name="sexy" />女
			</div>
			<div class="row">
				<div class="fieldable">生日</div>
				<select name="birthYear">
					<option value=""></option>
				</select>
				<select name="birthMonth">
					<option value=""></option>
				</select>
				<select name="birthDay">
					<option value=""></option>
				</select>
			</div>
			<div class="row">
				<div class="fieldable">所在地</div>
				<select name="country">
					<option value=""></option>
				</select>
				<select name="province">
					<option value=""></option>
				</select>
				<select name="city">
					<option value=""></option>
				</select>
			</div>
			<div class="row">
				<div class="fieldable">手机号码</div>
				<input type="text" name="mobile" class="field" check='empty|mobile'/>
				<div class="tip"></div>
			</div>
			<div class="row">
				<button>立即注册</button>
			</div>
		</form>
	</body>
	<script>
		var Regist = new regist();
	</script>
</html>
